<!DOCTYPE html>
<html lang="en">

<head>
    <title>Table</title>
    <style>
        table{
            border: 1px solid blue;
            border-collapse: collapse;
        }
        td,th{
            border: 1px solid black;
            padding: 5px;
        }
    </style>
</head>

<body>
    <table>
        <thead>
            <th>Ocean</th>  <!th=table head>
            <th>Average Depth</th>
            <th>Maximum Depth</th>
        </thead>
        <tbody>
            <tr>  <!tr=table row>
                <td>Pacific Ocean</td>
                <td>4,820m</td>
                <td>10,911m</td>   <!td=table data>
            </tr>
            <tr>
                <td>Atlantic Ocean</td>
                <td>3,646m</td>
                <td>8,486m</td> 
            </tr>
        </tbody>
    </table>
</body>

</html>